.tech-recharge-page {
    background-color: @white;
    height: 100vh;
    .scroll-y();
    .recharge-title {
        .flex-row-center();
        .title-border-line {
            height: 1px;
            flex: 1;
            position: relative;
            &::before {
                content: ' ';
                position: absolute;
                width: 6px;
                height: 6px;
                background-color: @white;
                border: 1px solid @member-card-end-color;
                transform: rotate(45deg);
            }
            &::after {
                content: ' ';
                position: absolute;
                height: 4px;
                width: 4px;
                background-color: @member-card-end-color;
                transform: rotate(45deg);
            }
            &.left {
                .linear-right(@white, @member-card-end-color);
                &::before {
                    right: 0;
                    top: -3px;
                }
                &::after {
                    right: 2px;
                    top: -1px;
                }
            }
            &.right {
                .linear-right(@member-card-end-color, @white);
                &::before {
                    left: 0;
                    top: -3px;
                }
                &::after {
                    left: 2px;
                    top: -1px;
                }
            }
        }

        .title-text {
            .p-h(@gap-md);
        }
    }
    .recharge-content {
        .p(@gap-md);
        .recharge-count-input {
            .m-v(@gap-lg);
            border: @border;
            border-radius: @border-radius;
        }
    }
    // 充值协议样式
    .recharge-protocol-check {
        display: flex;
        width: 100%;
        .m-b(@gap);
        .font-size();
        .van-checkbox__icon,
        .van-icon {
            width: 16px;
            height: 16px;
        }
        .deal {
            color: #4A90E2;
            .m-l(@gap-sm);
        }
    }
}